<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
    <header>
        <h1>网站一级标题</h1>
        <ul>
            <li><a href="#" target="blank">导航链接一</a></li>
            <li><a href="#" target="blank">导航链接二</a></li>
            <li><a href="#" target="blank">导航链接三</a></li>
            <li><a href="#" target="blank">导航链接四</a></li>
        </ul>
    </header>

    <article>
        <h2>文章一级标题</h2>
        <h3>文章二级标题</h3>
        <p>文章作者  文章发表时间</p>
        <p>这是一个很长很长的段落,这是一个很长很长的段落,这是一个很长很长的段落,这是一个很长很长的段落,
            这是一个很长很长的段落,这是一个很长很长的段落,这是一个很长很长的段落,<br/>
            换行了<br/>
            这是一个很长很长的段落,这是一个很长很长的段落,这是一个很长很长的段落,这是一个很长很长的段落,
            这是一个很长很长的段落,这是一个很长很长的段落,换行了<br/>
            这是一个很长很长的段落,这是一个很长很长的段落,<a href="http://ife.baidu.com" target="_self">
                这里有一个链接链接到 http://ife.baidu.com</a> 这是一个很长很长的段落,这是一个很长很长的段落,<b>这里有个粗体字</b>
            这是一个很长很长的段落,  这是一个很长很长的段落,  这是一个很长很长的段落,  这是一个很长很长的段落,
            这是一个很长很长的段落,  这是一个很长很长的段落,  这是一个很长很长的段落。
        </p>
        <figure>
            <img src="images/1.jpg" alt="图片展示" width="300" height="242">
        </figure>
        <p>  这是一个很长很长的段落,这是一个很长很长的段落,这是一个很长很长的段落,这是一个很长很长的段落,
            这是一个很长很长的段落,这是一个很长很长的段落,这是一个很长很长的段落,这是一个很长很长的段落,
            换行了<br/>
            这是一个很长很长的段落, 这是一个很长很长的段落, 这是一个很长很长的段落,<b>这里有个粗体字</b>
            这是一个很长很长的段落,这是一个很长很长的段落,<a href=" http://ife.baidu.com" target="_blank">
                这里有一个链接点击打开后链接到 http://ife.baidu.com</a>这是一个很长很长的段落,这是一个很长很长的段落,
            这是一个很长很长的段落,这是一个很长很长的段落,这是一个很长很长的段落,这是一个很长很长的段落,
            这是一个很长很长的段落,这是一个很长很长的段落,这是一个很长很长的段落,这是一个很长很长的段落,
            这是一个很长很长的段落。
        </p>
    </article>

    <article>
        <section>
            <h2>另一篇文章一级标题</h2>
            <h3>文章二级标题</h3>
            <p>文章作者  文章发表时间</p>
            <p>这是一个很长很长的段落,这是一个很长很长的段落,这是一个很长很长的段落,这是一个很长很长的段落,
                这是一个很长很长的段落,这是一个很长很长的段落,这是一个很长很长的段落,<br/>
                换行了<br/>
                这是一个很长很长的段落,这是一个很长很长的段落,这是一个很长很长的段落,这是一个很长很长的段落,
                这是一个很长很长的段落,这是一个很长很长的段落,换行了<br/>
                这是一个很长很长的段落,这是一个很长很长的段落,<a href="http://ife.baidu.com" target="_self">
                    这里有一个链接链接到 http://ife.baidu.com</a> 这是一个很长很长的段落,这是一个很长很长的段落,<b>这里有个粗体字</b>
                这是一个很长很长的段落,  这是一个很长很长的段落,  这是一个很长很长的段落,  这是一个很长很长的段落,
                这是一个很长很长的段落,  这是一个很长很长的段落,  这是一个很长很长的段落。
            </p>
            <figure>
                <img src="images/1.jpg" alt="图片" width="300" height="242">
            </figure>
            <ul>
                <li>列表项目一</li>
                <li>列表项目二</li>
                <li>列表项目三</li>
            </ul>
        </section>
        <section>
            <h2>图片</h2>
            <ul>
                <li style="list-style-type: none">
                    <figure>
                        <figcaption>好看的图片</figcaption>
                        <img src="images/1.jpg" alt="图片" width="300" height="242">
                    </figure>
                </li>
                <li style="list-style-type: none">
                    <figure>
                        <figcaption>好看的图片</figcaption>
                        <img src="images/1.jpg" alt="图片" width="300" height="242">
                    </figure>
                </li>
                <li style="list-style-type: none">
                    <figure>
                        <figcaption>好看的图片</figcaption>
                        <img src="images/1.jpg" alt="图片" width="300" height="242">
                    </figure>
                </li>
                <li style="list-style-type: none">
                    <figure>
                        <figcaption>好看的图片</figcaption>
                        <img src="images/1.jpg" alt="图片" width="300" height="242">
                    </figure>
                </li>
                <li style="list-style-type: none">
                    <figure>
                        <figcaption>好看的图片</figcaption>
                        <img src="images/1.jpg" alt="图片" width="300" height="242">
                    </figure>
                </li>
                <li style="list-style-type: none">
                    <figure>
                        <figcaption>好看的图片</figcaption>
                        <img src="images/1.jpg" alt="图片" width="300" height="242">
                    </figure>
                </li>
                <li style="list-style-type: none">
                    <figure>
                        <figcaption>好看的图片</figcaption>
                        <img src="images/1.jpg" alt="图片" width="300" height="242">
                    </figure>
                </li>
                <li style="list-style-type: none">
                    <figure>
                        <figcaption>好看的图片</figcaption>
                        <img src="images/1.jpg" alt="图片" width="300" height="242">
                    </figure>
                </li>
                <li style="list-style-type: none">
                    <figure>
                        <figcaption>好看的图片</figcaption>
                        <img src="images/1.jpg" alt="图片" width="300" height="242">
                    </figure>
                </li>
            </ul>
        </section>
    </article>

     <article>
         <section>
             <h2>最后一篇文章一级标题</h2>
             <h3>文章二级标题</h3>
             <p>文章作者  文章发表时间</p>
                 <ol type="1">
                     <li>排名1</li>
                     <li>排名2</li>
                     <li>排名3</li>
                 </ol>
         </section>
            <p>下面是一个表格，给表格加了一个border="1"好让你看出是表格</p>
            <table border="1">
                <thead>
                <tr>
                    <th>表头</th>
                    <th>表头</th>
                    <th>表头</th>
                </tr>
                </thead>
                <tbody>
                <tr>
                    <td>表内容单元格</td>
                    <td>表内容单元格</td>
                    <td><a href="#">操作</a></td>
                </tr>
                <tr>
                    <td>表内容单元格</td>
                    <td>表内容单元格</td>
                    <td><a href="#">操作</a></td>
                </tr>
                <tr>
                    <td>表内容单元格</td>
                    <td>表内容单元格</td>
                    <td><a href="#">操作</a></td>
                </tr>
                <tr>
                    <td>表内容单元格</td>
                    <td>表内容单元格</td>
                    <td><a href="#">操作</a></td>
                </tr>
                </tbody>
                <tfoot>
                <tr>
                    <td>总计</td>
                    <td colspan="2">1000</td>
                </tr>
                </tfoot>
            </table>
     </article>

        <aside>
            <h3>这里以后是一个侧栏,这是侧栏的标题</h3>
            <h3>侧栏注册窗口标题</h3>
            <form>
                <label for="email">请输入邮箱地址:</label>
                <input type="text" name="email" id="email" placeholder="这是一个文本输入框">
                <p>邮箱地址请按要求格式输入</p>
                <label for="password1">请输入密码:</label>
                <input type="password" name="password" id="password1" placeholder="这是一个文本输入框">
                <label for="password2">请重复输入密码:</label>
                <input type="password" name="password" id="password2" placeholder="这是一个文本输入框">
                <p>密码请为6-16位数字</p>
                <label>性别：</label>
                <input type="radio" name="sex" value="male" checked>男
                <input type="radio" name="sex" value="female">女
                <br/>
                <label for="city">城市:</label>
                <select id="city" name="city" size="1" multiple="multiple">
                    <option value="beijing">北京</option>
                    <option value="shanghai">上海</option>
                    <option value="nankjing">南京</option>
                </select>
                <br/>
                <label>爱好:</label>
                <input type="checkbox" name="sport" value="sport">运动
                <input type="checkbox" name="art" value="art">艺术
                <input type="checkbox" name="science" value="science">科学
                <br/>
                <label for="description">个人描述:</label>
                <textarea id="description" rows="2" cols="16">这是一个多行输入框，请输入您的内容</textarea>
                <br/>
                <button type="submit">确认提交</button>
            </form>
        </aside>


    <footer>
        <p>版权所有@</p>
    </footer>
</body>
</html>